// 管理员详情
<template>
    <div>
        <h1>详情</h1>

        <el-form label-width="120px" label-position="left">
            <el-form-item label="管理员ID：">
                {{ user.admin_id }}
            </el-form-item>
            <el-form-item label="管理员名称: ">
                {{ user.admin_name }}
            </el-form-item>
            <el-form-item label="所属部门: ">
                {{ user.name }}
            </el-form-item>
            <el-form-item label="角色: ">
                {{ user.admin_name }}
            </el-form-item>
            <el-form-item label="真实姓名: ">
                {{ user.real_name }}
            </el-form-item>
            <el-form-item label="手机号: ">
                {{ user.mobile }}
            </el-form-item>
            <el-form-item label="邮箱: ">
                {{ user.email }}
            </el-form-item>
            <el-form-item label="是否启用: ">
                <span>{{ user.is_use===1?'启用':'未启用' }}</span>
            </el-form-item>
            <el-form-item label="备注: ">
                <span>{{ user.remarks }}</span>
            </el-form-item>
        </el-form>
    </div>
</template>

<script setup lang="ts">
import { reactive, toRefs } from 'vue'
import { useRoute } from 'vue-router';
const route = useRoute()

const state = reactive<any>({
    user: JSON.parse(route.query.data)
})
const { user } = toRefs(state)
</script>

<style scoped>
:deep(.el-form){
    color: #000 !important;
    margin-left: 60px;
    margin-top: 20px;
   
}
:deep(.el-form-item__label){
    width: 100px !important;
    padding: 0 !important;
    color: #000 !important;
    
}
</style>